<template>
    <!-- 最外层只能有一个组件，不能出现多个 -->
    <!-- 最外层class命名规则 工程-文件路径-文件名  -->
    <div class="demo-extendPrototype-stringExtend">
        <div class="author-demo">
            <div>作者：黄彪</div>
            <div>日期：2017/11/02</div>
        </div>
        <div class="api">
            <div class="anchor">
                <h2 id="API">Array Object API</h2>
            </div>
            <div class="anchor">
                <h3 id="Select_props">extend methods</h3>
            </div>
            <table>
                <thead>
                <tr>
                    <th>方法名</th>
                    <th>说明</th>
                    <th>参数</th>
                    <th>返回值</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>getWeek</td>
                    <td>获取星期</td>
                    <td>无</td>
                    <td>
                        String,["日", "一", "二", "三", "四", "五", "六"]
                    </td>
                </tr>

                <tr>
                    <td>addSeconds</td>
                    <td>将指定的秒数加到此实例的值上</td>
                    <td>number,数字</td>
                    <td>
                        Date,返回当前对象（没有创建一个新的对象）
                    </td>
                </tr>

                <tr>
                    <td>addMinutes</td>
                    <td>将指定的分钟数加到此实例的值上</td>
                    <td>number,数字</td>
                    <td>
                        Date,返回当前对象（没有创建一个新的对象）
                    </td>
                </tr>

                <tr>
                    <td>addHours</td>
                    <td>将指定的小时数加到此实例的值上</td>
                    <td>number,数字</td>
                    <td>
                        Date,返回当前对象（没有创建一个新的对象）
                    </td>
                </tr>

                <tr>
                    <td>addDays</td>
                    <td>将指定的天数加到此实例的值上</td>
                    <td>number,数字</td>
                    <td>
                        Date,返回当前对象（没有创建一个新的对象）
                    </td>
                </tr>

                <tr>
                    <td>addWeeks</td>
                    <td>将指定的星期数加到此实例的值上</td>
                    <td>number,数字</td>
                    <td>
                        Date,返回当前对象（没有创建一个新的对象）
                    </td>
                </tr>

                <tr>
                    <td>addMonths</td>
                    <td>将指定的月份数加到此实例的值上</td>
                    <td>number,数字</td>
                    <td>
                        Date,返回当前对象（没有创建一个新的对象）
                    </td>
                </tr>

                <tr>
                    <td>addYears</td>
                    <td>将指定的年份数加到此实例的值上</td>
                    <td>number,数字</td>
                    <td>
                        Date,返回当前对象（没有创建一个新的对象）
                    </td>
                </tr>

                <tr>
                    <td>format</td>
                    <td>日期格式化</td>
                    <td>
                        String 字符串<br/>
                        格式 YYYY/yyyy/YY/yy 表示年份<br/>
                        MM/M 月份<br/>
                        W/w 星期<br/>
                        dd/DD/d/D 日期<br/>
                        hh/HH/h/H 时间<br/>
                        mm/m 分钟<br/>
                        ss/SS/s/S 秒<br/>
                    </td>
                    <td>
                        String,日期字符串
                    </td>
                </tr>

                <tr>
                    <td>dateDiff</td>
                    <td>比较日期差</td>
                    <td>
                        @param {strInterval} 日期类型:'y、m、d、h、n、s、w' <br/>
                        @param {dtEnd} 格式为日期型或者 有效日期格式字符串 <br/>
                    </td>
                    <td>
                        Number,当前日期比指定日期的差值
                    </td>
                </tr>

                <tr>
                    <td>dateAdd</td>
                    <td>增加指定时间后产生的对象</td>
                    <td>
                        @param {strInterval} 日期类型:'y、m、d、h、n、s、w'<br/>
                        @param {Number} 数量<br/>
                    </td>
                    <td>
                        Date,返回一个新的对象
                    </td>
                </tr>


                <tr>
                    <td>getBeforeDate</td>
                    <td>表示当前日期往前推的天数</td>
                    <td>
                        daysNumber,数字，天数
                    </td>
                    <td>
                        Array[Date,Date....]
                    </td>
                </tr>

                <tr>
                    <td>getAfterDate</td>
                    <td>表示当前日期往后推的天数</td>
                    <td>
                        daysNumber,数字，天数
                    </td>
                    <td>
                        Array[Date,Date....]
                    </td>
                </tr>

                <tr>
                    <td>datePart</td>
                    <td>取得日期数据信息</td>
                    <td>
                        @param {interval} 日期类型:'y、m、d、h、n、s、w'
                    </td>
                    <td>
                        如果是星期，则返回['日', '一', '二', '三', '四', '五', '六']<br/>
                        如果是其他，则返回Number
                    </td>
                </tr>

                <tr>
                    <td>toArray</td>
                    <td>把日期按照 年、月、日、时、分、秒 分割成数组</td>
                    <td>无</td>
                    <td>
                        Array,返回一个新的数组
                    </td>
                </tr>

                <tr>
                    <td>isLeapYear</td>
                    <td>判断是否是闰年</td>
                    <td>无</td>
                    <td>
                        Boolean,是否为闰年 true/false
                    </td>
                </tr>

                <tr>
                    <td>dateStart</td>
                    <td>将日期格式化为 1999-09-09 00:00:00样式</td>
                    <td>无</td>
                    <td>
                        String,返回一个新的字符串
                    </td>
                </tr>

                <tr>
                    <td>dateEnd</td>
                    <td>将日期格式化为 1999-09-09 23:59:59样式</td>
                    <td>无</td>
                    <td>
                        String,返回一个新的字符串
                    </td>
                </tr>


                </tbody>
            </table>

        </div>
    </div>
</template>

<script>
</script>

<style lang="scss" scoped>
    /***
   scoped ： 表示当前写的样式是针对当前页面的，对其他页面没有影响
   lang="scss": 表示我写的样式代码是针对SASS的，不是less等。强调，属性的值是scss
   ***/
    .demo-extendPrototype-stringExtend {
        margin: 40px;
        .api table {
            font-family: Consolas, Menlo, Courier, monospace;
            font-size: 12px;
            border-collapse: collapse;
            border-spacing: 0;
            empty-cells: show;
            border: 1px solid #e9e9e9;
            width: 100%;
            margin-bottom: 24px;
        }

        .api table td, .api table th {
            border: 1px solid #e9e9e9;
            padding: 8px 16px;
            text-align: left;
        }

        .api table th {
            background: #f7f7f7;
            white-space: nowrap;
            color: #5c6b77;
            font-weight: 600;
        }
    }
</style>
